﻿<!doctype html>
<html>
<head>
@model MvcApplication1.Models.SettingsModel

<meta charset="utf-8">
<title>Settings</title>
<link rel="stylesheet" type="text/css" href="~/CSS/main.css">
<script src="~/Scripts/javascript.js"></script>
</head>
<body>
	<div id="main">
    	<div id="darkbar">
        	<p id="company">IntelliFleet</p>
            <img id="truckicon" src="~/Images/truckiconsmall.png">
            <p id="email">@ViewBag.Username</p>
            <span id ="triangle" onClick="toggleUserBox(0)"></span>
            <img id="trianglerotated" src="~/Images/trianglerotated.png" onClick="toggleUserBox(1)">
            <div id="userbox">
            	<a id="userlink1" href="~/Home/Settings"><p>Settings</p></a>
                <a id="userlink2" href="~/Home/AccountInformation"><p>Account Information</p></a>
                <a id="userlink3" href="~/SignIn/SignOut"><p>Sign Out</p></a>
            </div>
        </div>
        <div id="lightbar">
            <a href="~/Home/Index"><span id ="dailyupdates"></span></a>
            <a href="~/Home/FindReports"><span id ="findreports"></span></a>
            <a href="~/Home/ReportLadder"><span id ="reportladder"></span></a>
            <a href="~/Home/About"><span id ="about"></span></a>
            <a href="~/Home/Contact"><span id ="contact"></span></a>
        </div>
        <div id="description">
        	<p id="title">Settings</p>
            <p id="summary">@ViewBag.Message</p>
        </div>
        <div>
            <p id="settingsinstructions">Choose a VIN in your system, and assign a driver name using the text box below.</p>
            <form name="settingsform" action="/Home/Settings?status=submit" method="post">
                <select id="settingsvinbox" name="VIN">
                    <option value="None" selected>None</option>
                    @{foreach(var vin in this.Model.VINs)
                    {
                        <option value="@vin">@vin</option>
                    }
                    }
                </select>
                <input id="settingsdriverbox" type="text" name="Driver" placeholder="Enter Driver Name"><br>
                <input id="settingssubmitbutton" type="submit" value="Submit Changes">
            </form>
        </div>
    </div>
</body>
</html>